@charset "utf-8";
/* CSS Document */
html { 

 
}
body {
	margin:0;
	padding:0;
	font: normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#993399;
	background: #eee;
  
}
a {
	color:inherit;
	text-decoration:none;
}
.contact-header-wrap a:hover {
	color:#aaa;
}
a:hover {
	color:#fff;
}
.hidden {
	display:none;
}
.content-right p {
	font:1.3em/1.5em sans-serif;
	margin-top:10px;
}
.content-right h2 span {
	font-size: .8em;
	color: #000;
}
.content-left h2 {
	font:bold 2.1em sans-serif;
	margin-bottom:20px;
	
}
ul,li,h1,h2,h3,h4,p,a,div {
	margin:0;
	padding:0;
}
.clearfix:after {
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0;
}

/* -- old way of doing full screen background 
img.bg {
	width:100%;
	min-hight: 100%;
	min-width: 1024px;
	top:0px;
	left:0px;
	position:fixed;
}    -- */
.relative {
	position:relative;
}
#page-wrap {
	position:relative;
	width:1000px;
	margin:0 auto;
}

header {
	position:relative;
	padding:15px 15px 0 15px;
}
header img {
	float:left;
}
header .header-message p {
	margin-top:30px;
	padding:10px 15px;
	background:#ccc;
	border-radius:5px;
	line-height:1.1em;
}
	
.contact {
	font-size:1.1em;
	color:#000;
	width:auto;
	float:right;
}
	
header .nav-wrap {
	position:relative;
	width:66.6%;
	float:left;
}
header .contact-header-wrap {
	float:right;
	
	text-align:right;
}

header .contact-header-wrap p, header .contact-header-wrap a {
	margin-top:10px;
	font: 1.2em sans-serif;
}
header .contact-header-wrap #search {
	
	margin-top:15px;
}

#search input[name="q"] {
	max-width:140px;
	padding:3px 10px;
	float:left;
}
#search input.go {
	margin-left:10px;
	float:left;
	width:auto;
	color:#aaa;
	transition:all .15s ease-in;
}
#search input.go:hover {
	color:#fff;
	background:#702c91;
}
header .contact-header-wrap input {
	float:left;
	border-radius:4px;
	padding:3px 5px;
	color:#ccc;
	height:auto;
}
header .contact-header-wrap input:focus {
	color:#000;
}

nav {
	border-radius:5px;
	background:#702c91;
	display:block;
	margin-left:25px;
	position:relative;
	margin-top:20px;
}
nav ul {
	list-style-type:none;
	display:block;
	
}

nav ul li {
	display:inline;
	text-align:left;
	padding:6px 10px;
	border-right:1px solid rgba(255,255,255,0.2);
}
nav ul li:nth-child(last) {
	border-right:none;
	padding-right:0;
}
nav ul li a {
	display:inline-block;
	font-size:1em;
	color:#fff;
	padding:6px 10px;
}
nav ul li a:nth-child(last) {
	padding-right:0;
}
nav ul li:hover {
	background:rgba(0,0,0,0.2);
}
nav ul li:first-child a:hover {
	border-radius:5px 0px 0px 5px;
}
nav ul li a:visited  {
	color:#fff;
}
/*** DRAWER NAVIGATION  *****/

nav ul li .drawer {
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	background:#fff;
	padding:15px;
	box-sizing:border-box;
	transition:all .5s ease;
}
nav ul li:hover .drawer {
	visibility:visible;
	opacity:1;
	top:35px;
	box-shadow:0 7px 5px -5px rgba(0,0,0,0.3);
	background:#fff url(images/shadow-bottom.png) repeat-x left top;
	box-sizing:border-box;
	z-index:200;
}
nav ul li .drawer img {
	float:right;
	
}
.drawerContent {
	width:60%;
	float:left;
}
.outline {
	border:1px solid #ccc;
	float:left;
	padding:15px;
	width:100%;
}
.drawerContent p {
	margin-left:10px;
}
.drawerContent ul {
	float:left;
	padding:0;
	margin:0;
}
.drawerContent ul li {
	display:block;
	border-radius:4px;
	padding:3px 10px;
}
.drawerContent a {
	color:#000;
}
.drawerContent ul li a{
	font: bold 1em sans-serif;
	background:none;
	color: #000;
	padding:2px 10px;
}
.drawerContent ul li a:visited, .drawerContent a:visited {
	color:#000;
}
 .drawerContent .name {
	font: bold 1em sans-serif;
	background:none;
	color: #000;
	padding:3px 10px;
}
.drawerContent .name:hover {
	display:inline-block;
	border-radius:4px;
	padding:3px 10px;
	background:rgba(0,0,0,0.2);
}

.thumb {
	box-shadow: 0 20px 20px -15px rgba(0,0,0,0.55);
}

/* SLIDESHOW *****/
/** RESET AND LAYOUT
===================================*/

.content-wrap {
	padding:30px;
}
.content-left:before {
	content:" ";
	position:absolute;
	display:block;
	left:-20px;
	bottom:-10px;
	border-left: 1px solid #ccc;
	width:100%;
	height:100%;
} 
.content-left:before {
	content:" ";
	position:absolute;
	display:block;
	left:-20px;
	bottom:-10px;
	border-left: 1px solid #ccc;
	width:100%;
	height:100%;
} 
.content-left {
	margin-bottom:25px;
	position:relative;
}
.content-left .flourish {
	bottom:-70px;
	left:-30px;
	position:absolute;
	transform:rotate(220deg);
	max-width:70px;
}
.content-left + .flourish {
	bottom:-40px;
	left:-30px;
	position:absolute !important;
	transform:rotate(220deg);
	max-width:70px;
}

.content-left p {
	font:1.4em/1.6em sans-serif;
}
.content ul {
	margin-left:30px;
}
.content ul li {
	color:#000;
}
.content-right {
	padding-left:15px;
	margin-bottom:40px;
}
.content-left .subhead {
	color:#993399;
	font:bold 1.5em sans-serif;
	margin:5px 0;
}
.rounded {
	background:#fff;
	padding:15px;
	border-radius:15px;
	margin:15px 15px 0 0;
}
.greyline {
	border-bottom:1px solid #ccc;
}
.slideshow {
	margin-top:0px;
	float:right;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.float-right {
	float:right;
	margin:20px 0 20px 20px;
}
.float-left {
	float:left;
	margin:0 20px 20px 0;
}
.angle-right {
	transform:rotate(5deg);
	box-shadow:8px 8px 10px rgba(0,0,0,0.65);
	border:8px solid #fff;
	
}
.angle-left {
	transform:rotate(-5deg);
	box-shadow:8px 8px 10px rgba(0,0,0,0.65);
	border:8px solid #fff;
}

/* FOOTER **/

footer {
	max-width:1000px;
	margin:0 auto;
	background:#a655bf;
	position:relative;
	width: 100%;
	margin-top:50px;
	border-top:1px solid #FFF;
}
footer .flourish {
	position:absolute;
	top:-70px;
	right:5px;
}
footer .footer-stripes {
	
	margin-top:15px;
	margin-bottom:20px;
	border-top:1px solid #fff;
	border-bottom:6px solid #702c91;
	display:block;
	padding-bottom:5px;
	
}

footer .links {
	color:#fff;
	list-style-type:none;
	font-size:1.2em;
	float:left;
	display:block;
	padding:25px;
}
footer .logo {
	max-width:50%;
	margin-bottom:15px;
}
footer .contact {
	float:none;
}
footer .contact p {
	color:#fff;
	float:left;
	font:normal 1em/1.2em sans-serif;
	margin-left:20px;
}
footer .contact a {
	font:bold 1.3em sans-serif;
	display:inline-block;
	margin-bottom:5px;
}
footer .contact a:hover {
	color:rgba(0,0,0,0.5);
}
footer .contact a:visited {
	color:#fff;
}
footer. links li {
	padding:3px 15px;
}
footer .links li a {
	display:block;
	padding:3px 20px;
}
footer .links li a:hover {
	border-radius:3px;
	background:rgba(255,255,255,0.2);
}
footer .social {
	float:right;
	margin-top:20px;
}
footer .social img {
	
	float:left;
}
footer .copyright {
	font:1em sans-serif;
	color:#fff;
	float:right;
	padding:10px 0 10px 10px;
	margin-top:20px;
}
.grey-stripe {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,cccccc+38,cccccc+58&amp;0+0,0.3+38,1+58 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(204,204,204,0.3) 38%, rgba(204,204,204,1) 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(38%,rgba(204,204,204,0.3)), color-stop(58%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.3) 38%,rgba(204,204,204,1) 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.3) 38%,rgba(204,204,204,1) 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.3) 38%,rgba(204,204,204,1) 58%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.3) 38%,rgba(204,204,204,1) 58%); /* W3C */
height:40px;
}
/* ------------- Google Custom Search -------------------------  */

#___gcse_0 .gsc-control-cse {
	background:none;
	border:none;
	position:relative;
	clear:both;
}

#___gcse_0 .gsc-expansionArea {
	background:none;
}
#___gcse_0 .gsc-control-cse div  {
	
}
#___gcse_0 table.gcsc-branding {
	background:none;
	position:absolute;
	bottom:50px;
}
#___gcse_0 .gsc-resultsHeader {
	display:none;
}
#___gcse_0 .gsc-orderby-container {
	padding:0;
}
#___gcse_0 .gsc-result-info-container {
	padding:0;
}
#___gcse_0 .gsc-orderby {
	margin-right:30px;
}
#___gcse_0 .gsc-selected-option-container {

	width:100px !important;
}
#___gcse_0 .gsc-webResult {
	background:none;
	border:none;
}
#___gcse_0 .gsc-wrapper.gsc-thinWrapper {
	border:none;
}
.header {
	margin-top:25px;
	font:bold 1.7em sans-serif;
	color:#000;
}
@media only screen and (max-width:40.063em) { /* mobile phone styles */

header {
	padding:15px 0 0 0;
}

.content-right img {
	max-width:115px;
}
.nav-wrap {
	background:#702c91;
	padding:3px 10px;
	width:100% !important;
	margin:0 0 0 0 !important;
}
nav {
	text-align:left;
	display:none;
	clear:both;
	margin-top:10px;
	background:#702c91;
	margin-left:0;
	
	}
.nav-wrap {
	color:#fff;
	padding:5px 15px;
}
.nav-wrap show-for-small-only a:visited, .nav-wrap show-for-small-only a:active {
	##fff;
}
	
nav ul li {
	border:0;
	width:100%;
	padding:2px 10px;
	float:left;
}

nav ul li a {
	padding:2px 0;
}
.outline {
	padding:0;
	border:none;
}
.drawerContent ul, .drawerContent ul li, .drawerContent ul a, .drawerContent .name {
	width:100%;
}
.drawer {
	box-shadow:none !important;
}
.row .row .nav-wrap {
	width:100% !important;
}
.nav-wrap .genericon {
	font-size:1.2em;
}
.nav-wrap .toggle {
	font-size:2.2em;
}
.nav-wrap a, .nav-wrap ul li a {
	font-size:1.4em;
}
.nav-wrap .toggle a:active, .nav-wrap a:visited {
	color:#fff;
}


nav ul li .drawer {
	display:none;
	
	top:0 !important;
	width:100%;
	background:#fff;
	padding:5px;
	box-sizing:border-box;
	
}
nav ul li:hover .drawer {
	
	position:relative !important;
	display:block !important;
	
	
	box-sizing:border-box;
	z-index:200;
}
nav ul li .drawer .drawerContent {
	width:100%;
}
nav ul li .drawer .drawerContent p {
	display:none;
}
nav ul li .drawer .drawerContent a {
	color:#000;
}
nav ul li .drawer img {
	display:none;
}
}